<template>
  <ul :class="[prefixCls + '-list']">
    <li
      v-for="file in files"
      :class="fileCls(file)"
      @click="handleClick(file)">
      <span @click="handlePreview(file)">
        <Icon :type="format(file)" /> {{ file.name }}
      </span>
      <Icon
        type="ios-close-empty"
        :class="[prefixCls + '-list-remove']"
        v-show="file.status === 'finished'"
        @click.native="handleRemove(file)" />
      <transition name="fade">
        <aty-progress
          v-if="file.showProgress"
          :stroke-width="2"
          :percent="parsePercentage(file.percentage)"
          :status="file.status === 'finished' && file.showProgress ? 'success' : 'normal'" />
      </transition>
    </li>
  </ul>
</template>
<script type="text/ecmascript-6"  src="./index.js"></script>
